<template>
	<view class="content">
		<view class="kkk"></view>
		<view class="too">
			<view class="too_a">
				<p>头像</p>
				<view class="too_aa">
					<view class="too_aaa"><image :src="data.picture" mode=""></image></view>
					<!-- <image src="../../../static/me_right.png"></image> -->
				</view>
			</view>
			<view class="too_a">
				<p>昵称</p>
				<view class="too_aa">
					<p>{{data.nickname}}</p>
					<!-- <image src="../../../static/me_right.png"></image> -->
				</view>
			</view>
			<view class="too_a">
				<p>手机号</p>
				<view class="too_aa">
					<p>{{data.phone}}</p>
					<!-- <image src="../../../static/me_right.png"></image> -->
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:{}
			}
		},
		onLoad() {
			this.personalInfo()
			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor: '#FE3548',
				animation: {
					duration: 400,
					timingFunc: 'easeIn'
				}
			})
		},
		methods: {
			async personalInfo(){
				 let obj = {
				     uid: uni.getStorageSync("uid"),
				 };
				 const res = await this.$u.post("api/user/user_personal",obj,{});
				 if (!res.code) return uni.$showMsg();
				 this.data = res.data
				 console.log("res >>  ", res);
				 
			},
		}
	}
</script>

<style lang="scss" scoped>
.content {
	width: 100%;
	height: 100vh;
	background-color: #F5F8FD;
}
.kkk {
	width: 100%;
	height: 20rpx;
}
.too {
	width: 690rpx;
	height: 264rpx;
	margin-left: 30rpx;
	background-color: #FFFFFF;
	border-radius: 10rpx;
	.too_a {
		width: 650rpx;
		margin: auto;
		height: 88rpx;
		display: flex;
		justify-content: space-between;
		border-bottom: 1rpx solid #F5F5F5;
		align-items: center;
		p {
			width: 200rpx;
			height: 88rpx;
			line-height: 88rpx;
		}
		.too_aa {
			width: 250rpx;
			height: 88rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			image {
				width: 16rpx;
				height: 22rpx;
				margin-left: 20rpx;
			}
			.too_aaa {
				margin-left: 130rpx;
				image {
					width: 60rpx;
					height: 60rpx;
				}
			}
			p {
				width: 200rpx;
				color: #999999;
				font-size: 24rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space:nowrap;
				text-align: center;
			}
		}
	}
}
</style>


